<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>服务器负载均衡信息记录</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/toastr/toastr.min.css}">
    <link rel="stylesheet" th:href="@{/css/app.css}">

    <script type="text/javascript" th:src="@{/js/jquery-2.1.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/toastr/toastr.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jsencrypt.min.js}"></script>
</head>
<body>

<div class="container-fluid table-responsive" style="border: 0; width: 100%;">


    <div class="table-responsive" style="margin-top: 60px; border: 0;">
        <table class="table table-hover" style="table-layout: fixed;">
            <thead>
            <tr>
                <th width="10%">序列</th>
                <th width="30%">请求ID</th>
                <th width="30%">策略方式</th>
                <th width="30%">有效请求数</th>
            </tr>
            </thead>
            <tbody>
            <div th:each="requestInfo,iterStat : ${requestInfoTypeList}">
                <tr>
                    <td th:text="${iterStat.count}"></td>
                    <td th:text="${requestInfo.performId}"></td>
                    <td th:text="${requestInfo.requestType}"></td>
                    <td th:text="${requestInfo.totalCount}"></td>
                </tr>
            </div>
            </tbody>
        </table>
        <hr>
        <table class="table table-hover" style="table-layout: fixed;">
            <thead>
            <tr>
                <th width="10%">序列</th>
                <th width="30%">请求ID</th>
                <th width="30%">IP地址</th>
                <th width="30%">有效请求数</th>
            </tr>
            </thead>
            <tbody>
            <div th:each="requestInfo,iterStat : ${requestInfoIPList}">
                <tr>
                    <td th:text="${iterStat.count}"></td>
                    <td th:text="${requestInfo.performId}"></td>
                    <td th:text="${requestInfo.ipAddress}"></td>
                    <td th:text="${requestInfo.totalCount}"></td>
                </tr>
            </div>
            </tbody>
        </table>

    </div>

</div>
<script th:inline="javascript">
    /*<![CDATA[*/
        toastr.options = {
            "positionClass": "toast-center-center"
        };

        var errorMsg = [[${errorMsg}]];
        if(errorMsg) {
            toastr.warning(errorMsg);
        }


    /*]]>*/
</script>
</body>
</html>